<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
			bod y{
				height: 1000000px;
				width: 100%;
				background-image: url(img/熊出没.png);
				background-size: cover;
				/* 函数 cover  等比例放大图片
				【开发者：背景图大小是否等于空间背景】
				 contain 等比例缩放图片  特点：图片按照比例缩放存背景空间
				 【开发者：背景图等比例显示空间背景】
				 */
				/* 背景附件--尺寸中存在cover或者contain */
				background-attachment: fixed;
			}
			div{
				width: 300px;
				height: 300px;
				background-color: #e4393c;
				background: #ffff00;
				background-image: url(img/熊出没.png);
				/* 问题：超大图-不显示   小土-显示
				 注意：北京空间大小，如果图小于空间背景---平铺
				 */
				background-repeat: no-repeat; 
				/*no-repeat不平铺 repeat-x,y  横纵向平铺*/
				background-size:30%;
				/* 背景尺寸属性值:数值px% 函数   cover contain */
				/* 背景定位：前提背景空间大于背景图 关键字：center、left、right、top */
				background-position:80% 0 ;
			}
		</style>
	</head>
	<body>
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ipsam in temporibus delectus doloremque eos doloribus perspiciatis officiis perferendis, placeat itaque? Architecto id laudantium quas odio quia maiores officiis corrupti!
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid sapiente repellendus maiores maxime, impedit fugiat tenetur facere praesentium eaque architecto libero sequi, debitis asperiores obcaecati odio cumque quos delectus! Amet.
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente ipsa voluptate odio deleniti, quas sit harum dolor tempora adipisci pariatur sequi impedit commodi ducimus aut. Doloribus ab maxime nobis dignissimos.
		<!-- html img 图片 引入一张图片 位置不可随意改变
		 css 背景图片 引入一张图片 位置可以随意改变
		 子属性  background-color  背影颜色
		       background-image 背景图
			   background-repeat 背景重复
			   background-size 背景尺寸
			   background-attachment背景附件
			   background-position背景定位
		 复合属性 background： background-image background-color  background-position
		                       background-size background-repeat background-attachment
		简写属性background：background-image  background-position background-size background-repeat
		代替子属性background：background-image  background-color  background-position
		 -->
		 <div>
			 
		 </div>
	</body>
</html>